@font-face { font-family: 'clouddream'; src: url('../font/clouddream.eot'); src: url('../font/clouddream.eot') format('embedded-opentype'), url('../font/clouddream.woff') format('woff'), url('../font/clouddream.ttf') format('truetype'); font-weight: normal; font-style: normal; }

.iconfont { display: inline-block; font-family: "clouddream"; font-size: 16px; font-style: normal; cursor: default; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*  Reset */
html { background: #FFF; color: #000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
body, button, input, select, textarea { font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma; }
input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: inherit; }
fieldset, img { border: 0; }
iframe { display: block; }
abbr, acronym { border: 0; font-variant: normal; }
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
q:before, q:after { content: ''; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
a:link { color: #666; }
a:hover { color: #333; text-decoration: underline; }
ins, a { text-decoration: none; }
code, kbd, pre, samp { font-family: monospace,serif; font-size: 1em; }
.yibuFrameContent { }
/* Function */
.f_clearfix:after { clear: both; display: block; height: 0; font-size: 0; content: " "; visibility: hidden; }
.f_clearfix { zoom: 1; /* for IE6 IE7 */ }
.f_clear { height: 0; overflow: hidden; clear: both; }

.f_hide { display: none; }

.f_left, .f_right { display: inline; }
.f_left { float: left; }
.f_right { float: right; }

.f_text_overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.f_mt10 { margin-top: 10px; }
.f_mt20 { margin-top: 20px; }

/* 单行文字溢出时出现省略号，需设定宽度 */
.f_text_overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.renderfullScreen { position: absolute; z-index: 1; height: 100%; }

/* Select */
.select { position: relative; padding: 0 0 0 10px; width: 78px; height: 23px; line-height: 23px; border: 1px solid #E0E0E0; background: #F9F9F9 url(https://www.rhein-koester.com.cn/wp-content/themes/rheinkoester/static/css/select_bg.gif) no-repeat 66px center; text-align: left; font-size: 12px; color: #444; cursor: pointer; }

ul.select_list { position: absolute; top: 22px; left: -1px; z-index: 1000; display: none; padding: 0; width: 88px; border: 1px solid #E0E0E0; border-top: none; background: #F9F9F9; }
ul.select_list li { display: block; padding: 0 0 0 10px; line-height: 25px; text-align: left; font-size: 12px; color: #999; }
ul.select_list li:hover { background: #E0E0E0; color: #333; }


/* Page */
.page_wrap { clear: both; margin: 0 auto; }

/* Bread Crumb */
.breadcrumb { clear: both; height: 40px; line-height: 40px; text-align: left; color: #666; font-size: 12px; }

/******框架样式--加入时间：2014-3-7--加入人:罗绍巍******/
.KSS_titleBox { text-align: center; }
.yibuSmartViewMargin { margin-bottom: 0px; }
.runTimeflowsmartView { position: relative; }
.overflow_hidden { overflow: hidden; *position: relative; }
.overflow_auto { overflow: auto; }
.field-validation-valid { display: none; }
.field-validation-error { color: #E80C4D; font-weight: bold; }
input.input-validation-error { border: 1px solid #E80C4D; }
/*************框架样式结束***********/

/* 控件分页样式 */
.pager { zoom: 1; }
.pager:after { content: "."; display: block; clear: both; height: 0; font-size: 0; line-height: 0; visibility: hidden; }
.pager ul { float: right; margin: 2px 0; width: auto; text-align: center; }
.pager li { float: left; line-height: 20px; list-style: none outside none; margin-left: 5px; }
.pager a, .pager span { display: inline-block; min-width: 10px; text-align: center; color: #555; font-size: 11px; font-weight: 700; padding: 0px 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -ms-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; border: 1px solid gainsboro; border: 1px solid rgba(0,0,0,0.1); background-color: whiteSmoke; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; text-decoration: none; }
.pager span, .pager a:active { background-color: #F9F9F9; cursor: default; }
.pager a:hover { border: 1px solid #C6C6C6; color: #333; -webkit-transition: all 0.0s; -moz-transition: all 0.0s; -ms-transition: all 0.0s; -o-transition: all 0.0s; transition: all 0.0s; background-color: #F8F8F8; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); text-decoration: none; }
.pager li.current-page { border: 1px solid #2489ce; border-radius: 3px; }


/* button */
.u_button * { margin: 0; padding: 0; }

.u_button { display: inline-block; *margin: 0 2px; padding: 0 20px; height: 30px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: none; vertical-align: middle; text-align: center; text-decoration: none; font-size: 12px; line-height: 30px; cursor: pointer; *display: inline; *zoom: 1; *overflow: visible; /* for a ie6/7 bug */ }
.u_button .u_button_text { padding: 0; height: auto; background: none; line-height: auto; }
.u_button:hover { text-decoration: none; }

input.u_button_text, button.u_button_text { font-family: Hiragino Sans GB; *vertical-align: top; /* for a ie7 bug */ }

/* Gray */
.u_button_gray { background-color: #BDC3C7; color: #FFF; }
.u_button_gray:hover { background-color: #CACFD2; }
.u_button_gray .iconfont { color: #FFF; }
a.u_button_gray { color: #FFF; }

/* Blue */
.u_button_blue { background-color: #3498DB; color: #FFF; }
.u_button_blue:hover { background-color: #5DADE2; }
.u_button_blue .iconfont { color: #FFF; }
a.u_button_blue { color: #FFF; }

/* Red */
.u_button_red { background-color: #E74C3C; color: #FFF; }
.u_button_red:hover { background-color: #EC7063; }
.u_button_red .iconfont { color: #FFF; }
a.u_button_red { color: #FFF; }

/* Green */
.u_button_green { background-color: #2ECC71; color: #FFF; }
.u_button_green:hover { background-color: #55D98D; }
.u_button_green .iconfont { color: #FFF; }
a.u_button_green { color: #FFF; }

/* Orange */
.u_button_orange { background-color: #F1C40F; color: #FFF; }
.u_button_orange:hover { background-color: #F5D313; }
.u_button_orange .iconfont { color: #FFF; }
a.u_button_orange { color: #FFF; }

/* Black */
.u_button_black { background-color: #34495E; color: #FFF; }
.u_button_black:hover { background-color: #415B76; }
.u_button_black .iconfont { color: #FFF; }
a.u_button_black { color: #FFF; }

/* Link */
.u_button_link { border: none; background: none; color: #3282B3; }
.u_button_link:hover { background: none; color: #005580; text-decoration: underline; }
a.u_button_link { color: #3282B3; }
a.u_button_link:hover { color: #005580; text-decoration: underline; }

.notvisible { filter: alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity: 0; /*Firefox私有，透明度50%*/ opacity: 0; -webkit-opacity: 0; /*Firefox私有，透明度50%*/ }
.yibuAnimate{opacity:0;filter:alpha(opacity=0);  -moz-opacity:0;}
.yibuFixed{ position: fixed !important;}


.pay-WeChat .p-w-bd{ position:relative;padding-left: 95px;margin-bottom: 50px;}
.pay-WeChat .p-w-bd .p-w-info{ position:absolute; top: -36px; left: 95px;}
.pay-WeChat .p-w-bd .p-w-box{float: left;width: 300px;}
.pay-WeChat .p-w-bd .p-w-box .pw-box-cont{ background: #8CC152; color: #fff;height: 44px; padding:8px 0;}
.pay-WeChat .p-w-bd .p-w-sidebar { float: left; width: 379px;height: 421px;padding-left: 50px;margin-top: -20px;background: url(https://www.rhein-koester.com.cn/wp-content/themes/rheinkoester/static/css/static/images/phone-bg.png) 50px 0 no-repeat ;}


@-moz-document url-prefix() {
    .list_Style2_Item0 ul .w_list_item,
    .list_Style3_Item0 ul .w_list_item,
    .list_Style4_Item0 ul .w_list_item
    { overflow: visible; word-break: normal; white-space: normal; overflow: hidden; text-overflow: ellipsis; }
}

@-moz-document url-prefix() {
    .list_Style2_Item0 ul .w_list_item a,
    .list_Style3_Item0 ul .w_list_item a,
    .list_Style4_Item0 ul .w_list_item a 
    { overflow: hidden; word-break: break-all; text-overflow: ellipsis; display:block; white-space: nowrap; }
}

@-moz-document url-prefix() {
    .list_Style1_Item0 ul .w_list_item
    {
        overflow: visible;
        -moz-word-break: normal;
        -o-word-break: normal;
        word-break: normal; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;
	}
}

@-moz-document url-prefix() {
    .list_Style1_Item0 ul .w_list_item a
    { overflow: hidden; word-break: break-all; text-overflow: ellipsis; display:inline; white-space: nowrap; }
}



/* 修改 */
:root{
  --theme-color:rgb(37,40,134)
}
#front-page section,
#front-page section * {
  box-sizing: border-box;
}
#front-page{
  width: 100%;
  overflow-x: hidden;
}
.index_container{
  padding-left:  30px;
  padding-right:  30px;
}
.margin-x-auto{
  margin: 0 auto;
}
.banner{
  position: relative;
  height: 680px;
  overflow: hidden;
}

.banner .shade{
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgb(16, 55, 121);
  opacity: 0.35;
}

.banner .banner_text{
  position: absolute;
  left: 245px;
  bottom: 110px;
  z-index: 2;
}
.banner .banner_text .top{
  margin-bottom: 35px;

}
.banner .banner_text  .bt_1{
  margin-right: 30px;
}
.banner .banner_text  .bt_2{
  display: block;
  margin-left: auto;
}
.index_s1{
  padding: 70px 0 85px;
}
.index_s1 img{
  display: block;
}
.index_s1 .index_container{
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 60px 0 35px;
}

.index_s1 .des{
  margin-top: 35px;
  margin-bottom: 95px;
}
.index_s1 .content{
  position: relative;
}
.index_s1 .content .back{
  position: absolute;
  top: -40px;
  left: 160px;
  z-index: -1;
}

.index_s1 .content .s1_box{
  display: flex;
  justify-content: space-between;
}
.index_s1 .content .s1_box .left{
  overflow: hidden;
  padding-right: 30px;
}

.index_s1 .content .s1_box .left img{
  width: 100%;
 transition: all 4s;
 -o-transition: all 4s;
 -ms-transition: all 4s;
 -moz-transition: all 4s;
 -webkit-transition: all 4s;
}
.index_s1 .content .s1_box .left img:hover{
   transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
}
.index_s1 .content .icon{
  margin: 30px 0 20px;
}

.index_s2{
  padding: 85px 0 100px;
}
.index_s2 img{
  display: block;
}
.index_s2 .index_container{
  max-width: 1415px;
}
.s2_swiper{
  position: relative;
}
.index_s2 .index-news-swiper{
  margin: 50px 90px 0;
}
.index-news-swiper .news_box{
  box-shadow: 3px 3px 6px rgba(95,98,147,0.3);
}


.index-news-swiper .swiper-slide{
  text-decoration: none;
  padding: 6px;
}
.index-news-swiper .swiper-slide:hover .content{
  color: var(--theme-color);
}
.index-news-swiper .news_box .img{
  overflow: hidden;
  height: 232px;
}
.index-news-swiper .news_box .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
}
.index-news-swiper .news_box .img:hover img{
   transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
}

.index-news-swiper .news_box .content{
  background-color: #fff;
  padding: 25px 30px 15px;
  font-size: 16px;
  color: #3e3e3e;
  transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
}
.index-news-swiper .news_box .content .title{
  overflow: hidden;  
  display: -webkit-box;  
  -webkit-box-orient: vertical;  
  -webkit-line-clamp:2;  
  text-overflow: ellipsis;
}
.index-news-swiper .news_box .content .icon{
  margin-top: 15px;
  margin-left: auto;
}

.index_s2 .swiper-button-prev:after,
.index_s2 .swiper-button-next:after{
display: none;
}

.index_s3 .index_container{
  padding: 95px 10% 75px;
}
.index_s3 img{
  display: block;
}
.index_s3 .content{
  display: flex;
  justify-content: center;
  margin-top: 65px;
}
.index_s3 .content a{
  display: block;
  width: 25%;
}
.index_s3 .content a:hover img{
   transform: translateY(-10px);
   -o-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   -moz-transform: translateY(-10px);
   -webkit-transform: translateY(-10px);
}
.index_s3 .content a img{
  width: 100%;
  transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
}

.index_s4{
  padding: 80px 0 180px;
}
.index_s4 img{
  display: block;
}
.index_s4 .index_container{
  max-width: 1540px;
}
.index_s4 .title{
  margin-bottom: 100px;
}

.s4_list {
  display: flex;
  padding: 0 12% ;
  justify-content: space-between;
  position: relative;
}
.s4_list .back{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.s4_list .s4_item{
  background-color: #b4b4b4;
  padding: 50px 22px  50px 30px;
  min-height: 360px;
  width: 323px;
  border-radius: 50px;
  z-index: 1;
  color: #fff;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
}
.s4_list .s4_item:nth-child(2) h3,.s4_list .s4_item:nth-child(4) h3{
  color: rgb(235,184,73);
}
.s4_list .s4_item:nth-child(2),.s4_list .s4_item:nth-child(4){
  background-color: rgb(52,57,148);
}
.s4_list .s4_item:nth-child(3){
  background-color: rgb(236,195,105);
}
/* .s4_list .s4_item::before {  
  content: " ";
  display: block;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: var(--theme-color);
  z-index: -1;
  transition: transform .5s ease;
  border-radius: 50px;

  transform: scaleX(0);
  transform-origin: bottom right;
}
.s4_list .s4_item:hover::before {  
  transform: scaleX(1);
  transform-origin: bottom left;
} */

.s4_item h3{
  font-size: 26px;
  text-align: center;
  margin-bottom: 40px;
}
.s4_item .des{
  font-size: 18px;
  line-height: 1.9;
}

.common_footer{
  height: 179px;
}

#footer .footer-banner{
  background:none !important;
  height:auto !important;
}
#footer #copyright{
  background-color: #2b2c2e;
  padding: 15px 0;
}


/* 头部 */
#header .header-top{
  /* background: url(../images/cn/index/head.png) no-repeat center 2px / cover,#2b2c2e !important; */
  background: #2b2c2e !important;
  display: flex;
  align-items: center;
}
#header .header-top .main-width{
  display: none;
}